<template>
  <div class="category">
    <h3>{{title}}类目</h3>
    <slot name="s1">没有传递默认值，显示</slot>
    <slot name="s2">没有传递默认值，显示</slot>
  </div>
</template>

<script>
export default {
  name: "CategoryComponent",
  props: ['title', 'listData']
}
</script>

<style>
  .category {
    background-color: skyblue;
    width: 300px;
    height: 500px;
  }
  h3 {
    background-color: gold;
    text-align: center;
  }
</style>